<div class="layui-fluid">
    <style>
        .layui-table-tool, .layui-table-column.layui-table-page,.layui-table-main {
            background-color: white;
        }
        .pass-name{
            color: #1e9fff;
            border-bottom: #1e9fff 1px solid;
        }
    </style>
    <fieldset class="layui-elem-field layui-bg-white">
        <legend></legend>
        <div class="layui-field-box">
            <div class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="username" placeholder="用户账号" class="layui-input" lay-affix="clear"
                               lay-filter="clear">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="nickname" placeholder="用户名称" lay-affix="clear" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="email" placeholder="邮箱" lay-affix="clear" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="mobile" placeholder="手机号" class="layui-input" lay-affix="clear">
                    </div>
                </div>
                <div class="layui-col-md3 hide-input">
                    <div class="layui-input-wrap">
                        <div class="dict-module" type="select" dict-type="system_user_sex" name="sex" title="用户性别"></div>
                    </div>
                </div>
                <div class="layui-col-md3 hide-input">
                    <div class="layui-input-wrap">
                        <div class="dict-module" type="select" dict-type="system_data_status" name="status" title="账号状态"></div>
                    </div>
                </div>

                <div class="layui-btn-container layui-col-xs12" style="text-align: center">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
                    <button id="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
                    <button class="layui-btn layui-btn-sm layui-btn-primary layui-hide" onclick="showInput(this)">
                        <i class="layui-icon layui-icon-down"></i>
                    </button>
                </div>
            </div>
        </div>
    </fieldset>

    <table class="layui-hide" id="user-list" lay-filter="user-list"></table>
    <script id="userToolbar" type="text/html">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="add">
                <i class="layui-icon layui-icon-add-circle"></i>添加
            </button>
            <button class="layui-btn layui-btn-sm layui-bg-red " lay-event="del">
                <i class="layui-icon layui-icon-error"></i>删除
            </button>
            <button class="layui-btn layui-btn-sm layui-bg-red " lay-event="resetPassword">
                <i class="layui-icon layui-icon-lock"></i>重置密码
            </button>
        </div>
    </script>
    <script id="barDemo" type="text/html">
        <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="view">查看</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="del">删除</a>
        </div>
    </script>
    <script type="text/html" id="user_form">
        <div class="layui-form" lay-filter="user_form" id="lay-user-form" style="margin: 15px 40px 15px 10px;">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">用户账号</label>
                <div class="layui-input-block">
                    <input type="text" name="username" disabled value="" placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名称</label>
                <div class="layui-input-block">
                    <input type="text" name="nickname" disabled value=""  placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">登录密码</label>
                <div class="layui-input-inline layui-input-wrap">
                    <input type="password" name="password" lay-verify="required|pass" placeholder="登录密码" autocomplete="off" lay-vertype="tips" lay-affix="eye" class="layui-input">
                </div>
                <div class="layui-form-mid layui-text-em layui-font-12">
                    8 到 20 位字符，数字、大小写字母、特殊字符，任意三种组合
                    <a href="javascript:;" class="pass-name" onclick="setPassword()">随机密码</a>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-inline ">
                    <input type="password" name="verifyPassword" lay-verify="required|verifyPass" lay-affix="eye" lay-vertype="tips" placeholder="确认密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">头像</label>
                <div class="layui-input-block">
                    <input type="hidden" name="avatar" value="" >
                    <div class="jmAvatar" id="upload-avatar">
                        <i class="layui-icon layui-icon-camera"></i>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <div class="dict-module" type="radio" isEdit="0" dict-type="system_user_sex" name="sex" city="1"></div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号码</label>
                <div class="layui-input-block">
                    <input type="text" name="mobile" disabled value=""  placeholder="请输入"  lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-block">
                    <input type="text" name="email" disabled value=""  placeholder="请输入" lay-verify="email" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" disabled title="启用|停用" lay-skin="switch" checked>
                </div>
            </div>
        </div>
</script>
</div>

<script type="text/javascript">
    {{#
        top.tools.loadscripts(["/js/page/system/user/system_user.js"], function () {
            templateViewInit();
        })
    }}
</script>